<template>
    <!-- <el-menu
            default-active="/"
            class="el-menu-vertical-demo"
            :collapse="collapse"
            router
    >
        <el-menu-item index="/">
            <el-icon-homefilled />
            <span>首页</span>
        </el-menu-item>
        <el-menu-item index="/chooseIcon">
            <el-icon-document />
            <span>图标选择器</span>
        </el-menu-item>
        <el-menu-item index="/selectArea">
            <el-icon-guide />
            <span>省市区组件</span>
        </el-menu-item>
        <el-menu-item index="/trend">
            <el-icon-sort />
            <span>趋势标记</span>
        </el-menu-item>
        <el-menu-item index="/notification">
          <el-icon-notification />
          <span>通知</span>
        </el-menu-item>
        <el-menu-item index="/menu">
          <el-icon-menu />
          <span>导航栏</span>
        </el-menu-item>
    </el-menu> -->
    <y-menu
    :data="data"
    :collapse="collapse"
    :default-active="$route.path"
    router>
    </y-menu>
</template>

<script setup lang="ts">

    defineOptions({
        name: 'NavSide'
    })
    let props = defineProps<{
        collapse: boolean
    }>()

    let data = [
        {
            name: '首页',
            icon: 'homefilled',
            index: '/'
        },
        {
            name: '图标选择器',
            icon: 'document',
            index: '/chooseIcon'
        },
        {
            name: '省市区组件',
            icon: 'guide',
            index: '/selectArea'
        },
        {
            name: '趋势标记',
            icon: 'sort',
            index: '/trend'
        },
        {
            name: '时间选择',
            icon: 'aim',
            index: '/chooseTime'
        },
        {
            name: '通知菜单',
            icon: 'notification',
            index: '/notification'
        },
        {
            name: '城市选择',
            icon: 'compass',
            index: '/chooseCity'
        },
        {
            name: '进度条',
            icon: 'operation',
            index: '/progress'
        },
        {
            name: '导航栏',
            icon: 'menu',
            index: '/menu'
        },
        {
            name: '日历',
            icon: 'calendar',
            index: '/calendar'
        },
        {
            name: '表单',
            icon: 'document',
            index: '/form'
        },
        {
            name: '表格',
            icon: 'grid',
            index: '/table'
        }
    ]
</script>

<style scoped>

</style>
